$(function () {
    // 个人中心页面 开始
    // 定义一个初始化函数
    // 参数 当前需要显示的 index
    // 默认全部关闭
    let arr = [".userlist_zhuanrang", ".userlist_baike", ".userlist_ziliao", ".userlist_admin"]
    let activeIndex = null
    function initUser(isfirst = false, param = null) {
        if (isfirst) {
            for (let i = 0; i < arr.length; i++) {
                $(arr[i]).hide()
            }
        } else {
            for (let i = 0; i < arr.length; i++) {
                if (i == param) {
                    $(arr[i]).show(300)
                } else {
                    $(arr[i]).hide(300)
                }
            }
        }

    }

    initUser(true)

    // 点击咱开对应项
    $(".left_user_con_nav .item").on('click', function () {
        let index = $(this).index()
        if (index !== 0 && index != activeIndex) {
            initUser(false, index - 1)
            activeIndex = index
        } else {
            initUser()
            activeIndex = null
        }
    })

    // 上传 头像
    //

    // 切换出上传头像层
    $(".headerimg_cover").on("mouseenter", function () {
        $(".header_user_mask").show()
    })
    $(".headerimg_cover").on("mouseleave", function () {
        $(".header_user_mask").hide()
    })

    // 点击触发上传
    $(".header_user_mask").click(function () {
        $(".header_user_img_change").click()

    })

    // 个人 头像上传
    $('.header_user_img_change').on('change', async function () {
        let header_url = await collectImg(".header_user_img_change", null, ".header_user_mask", false)
        if (header_url) {
            Message("上传头像成功", "success")
            $(".user_index_userheader_img").attr("src", header_url)
        }else{
            Message("上传头像失败", "error")
        }
    });


    // 账户设置页面
    //

    // 点击触发上传
    $(".index_myinfo_updatauserimg_add").click(function () {
        $("#index_myinfo_updatauserimg").click()

    })

    // 个人 头像上传
    var index_myinfo_headerimg=null
    $("#index_myinfo_updatauserimg").on("change", async function () {
       // 这儿有 bug 无法触发change 事件
        index_myinfo_headerimg = await collectImg("#index_myinfo_updatauserimg", null, null, false)
        if (index_myinfo_headerimg) {
            $(".index_myinfo_userimg").attr("src", index_myinfo_headerimg)
        }                                                                                                                                                                                                                                                                                                                                                                                                                                   // }
    })                                                                                                                                                                                                                                                                                                                                                                                                                            

    // 收集数据
    $(".user_myinfo_submit").on("click",function(e){
        e.preventDefault();
        let data = formToJson(".myinfo_content")
        data["index_myinfo_headerimg"]=index_myinfo_headerimg
        console.log(data)
    })


})                      